// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: .05rem;
    padding-right: .05rem;
  }
}

.fixed-width {
  .el-button--mini {
    padding: .07rem .10rem;
    min-width: .60rem;
  }
}

.status-col {
  .cell {
    padding: 0 .10rem;
    text-align: center;

    .el-tag {
      margin-right: 0rem;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 2rem;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
.el-form-item{
  box-sizing: border-box;
  padding:0 .20rem;
  margin-bottom: .20rem;
  .el-form-item__label{
    color: $textColor2;
    font-size: $fontSize_base;
    font-weight: normal;
    //width: 142rem!important;
    height: .34rem!important;
    line-height: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -moz-flex;
    text-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
    //position: relative;
    //top:2rem;
  }
  .el-form-item__content{
    //margin-left: 142rem!important;
  }
  .el-input__inner{
    height: .34rem;
    line-height: .34rem;
    font-size: .13rem;
    min-height: 30px;
  }
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner{
  background-color: #d7e6f8;
  color: $blue;
  cursor: pointer;
  border: .01rem solid $blue;
  background-size: .20rem auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.el-radio-button__inner{
  padding: 0 .10rem;
  height: .34rem;
  line-height: .34rem;
  border: .01rem solid rgba(221, 221, 221, 0.76);
  border-radius: .05rem!important;
  margin-left: .05rem;
  color: #666;
  cursor: pointer;
  font-size: .13rem;
}
.el-select-dropdown__item{
  font-size: .13rem;
}
.el-radio-group{
  @extend %flex-jian;
  .el-radio-button{
    flex-wrap: nowrap;
   }
}
.el-radio__input.is-checked .el-radio__inner{
  border-color: $blue;
  background: $blue;
}
.el-radio__input.is-checked + .el-radio__label{
  color: $blue;
}
.el-table th, .el-table td{
  padding:.05rem 0!important;
}
.el-dialog{
  border-radius: .05rem;
}
.el-button{
  padding: 0 .15rem;
  border-radius: .05rem;
  height: .34rem;
  line-height: .32rem;
  min-height: 30px;
}
.el-input-group__append, .el-input-group__prepend{
  color: $textColor2;
}
.el-select .el-input .el-select__caret{
  color: $textColor2;
}
.el-input-group--append .el-input__inner, .el-input-group__prepend{
  border-right:none;
}
.el-notification__title {
  font-size: $fontSize_v2;
}
.el-button--primary{
  background: $blue;
  border-color: $blue;
  color: #fff;
}
.el-button--primary.is-plain {
  color: $blue;
  background: #e6eefb;
  border-color: $blue;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: #3375e1;
  border-color: #3375e1;
  color: #FFF;
}
.el-dialog__header{
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.el-dialog__headerbtn .el-dialog__close{
  font-size: 0.18rem;
}
.el-dialog__title{
  font-size: 16px;
  font-weight: bold;
}
.ne-jminput-box{
  ::v-deep .el-button{
    padding: 0 0.15rem;
    border-radius: 0.05rem;
    height: 0.34rem;
    line-height: 0.32rem;
    min-height: 30px;
  }
  ::v-deep .el-form-item {
    padding: 0 .10rem;
  }
  ::v-deep .el-input__suffix{
    right: 0;
  }
  ::v-deep .el-select .el-input .el-select__caret{
    font-size: .12rem;
    position: relative;
    top: -.01rem;
  }
  //@media screen and (max-width:1300px){
  //  ::v-deep *{
  //    transform:scale(.995);
  //  }
  //}
  ::v-deep .select-box .el-input--suffix .el-input__inner{
    padding-left: .07rem;
    text-align: left;
    padding-right: 0.2rem;
    z-index: 9999;
  }
  .u-tabs-btn {
    text-align: center;
    display: inline-block;
    list-style: none;
    width: 100%;
    height: .50rem;
    line-height: .50rem;
    background-color: #fbfbfb;
    color: $blue;
    font-size: $fontSize_v2;
    cursor: pointer;
    border-radius: .05rem;
    border: .01rem solid $grayColor2;
  }
  .current {
    background-color: $boderBgColor;
    color: #f0f0f0;
  }
  .radio-mt {
    margin-top: .10rem;
  }
  .select-box {
    width: 1rem;
    padding: 0;
  }
  .ne-select-box{
    min-width: 44px;
    width: 0.56rem !important;
  }
  ::v-deep .el-input__icon{
    line-height: normal!important;
  }
  ::v-deep .el-form-item__content{
    line-height: normal!important;
  }
}
.el-dialog{
  border-radius: 0!important;
}
.ne-pending-task .el-dialog__body{
  padding:.1rem .2rem .3rem;
}
.el-message-box{
  max-height: 60vh;
  overflow-y: auto;
}
